<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>sessionStorage</title>
</head>

<body>
  <h3>sessionStorage</h3>
  <button onclick="saveData()">点我保存一个数据</button>
  <button onclick="readData()">点我读取一个数据</button>
  <button onclick="delData()">点我删除一个数据</button>
  <button onclick="delAllData()">点我删除全部数据</button>
</body>

<script>
  let p = { name: '张三', age: 28 }
  // 点我保存一个数据
  function saveData() {
    sessionStorage.setItem('msg', 'msg_hello!!!')
    sessionStorage.setItem('msg2', 666)
    sessionStorage.setItem('person', JSON.stringify(p))
  }
  // 点我读取一个数据
  function readData() {
    console.log(sessionStorage.getItem('msg'));
    console.log(sessionStorage.getItem('msg2'));

    const result = sessionStorage.getItem('person')
    console.log(JSON.parse(result));
  }
  // 点我删除一个数据
  function delData() {
    sessionStorage.removeItem('msg2')
  }
  // 点我删除全部数据
  function delAllData() {
    sessionStorage.clear()
  }
</script>

</html>